import { DataTable } from "@/components/data-table"
import data from "./data.json"


export default function Page() {
  return (
    <>
      <DataTable data={data} /> 
    </>
    // <SidebarProvider
    //   style={
    //     {
    //       "--sidebar-width": "calc(var(--spacing) * 72)",
    //       "--header-height": "calc(var(--spacing) * 12)",
    //     } as React.CSSProperties
    //   }
    // >
    //   {/* <AppSidebar variant="inset" /> */}
    //   <SidebarInset>

    //     <div>1</div>
    //     <Link href={"/dashboard/data"}>2
    //     </Link>
    //     {/* <div className="flex flex-1 flex-col">
    //       <div className="@container/main flex flex-1 flex-col gap-2">
    //         <div className="flex flex-col gap-4 py-4 md:gap-6 md:py-6">
    //           <SectionCards />
    //           <div className="px-4 lg:px-6">
    //             <ChartAreaInteractive />
    //           </div>
              
    //         </div>
    //       </div>
    //     </div> */}
    //   </SidebarInset>
    // </SidebarProvider>
  )
}
